<script setup>
import { Setting , Document , User } from '@element-plus/icons-vue'
</script>
<template>
    <div class="aside">
        <el-menu default-active="/index" router>
            <el-menu-item index="/index">
                <el-icon>
                    <user />
                </el-icon>
                <span>首页</span>
            </el-menu-item>
            <el-menu-item index="/userContr">
                <el-icon>
                    <user />
                </el-icon>
                <span>用户管理</span>
            </el-menu-item>
            <el-menu-item index="/goodsContr">
                <el-icon>
                    <document />
                </el-icon>
                <span>商品管理</span>
            </el-menu-item>
            <el-menu-item index="/bannerContr">
                <el-icon>
                    <setting />
                </el-icon>
                <span>Banner 更新</span>
            </el-menu-item>
            
        </el-menu>
    </div>
</template>
<style scoped>
.aside {
    border-right: 2px solid #303133;
    color: #303133;
}
</style>